/*
    Document   : style
    Created on : 26/11/2011, 01:09:42 PM
    Author     : AndrÃ©s Matos
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
background:url(../images/bg.jpg) repeat-x #e4e9ec top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}

#pagina {
position: relative;
width: 1000px;
height: 800px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background:url(../images/slider_bg1.png) repeat center;
}
/* header */
#header {
width: 1000px;
height: 136px;
position: absolute;
top: 0;
left: 0;
background:url(../images/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}

#logo{
float:left;
padding:15px 0 0 15px;
}

.big_banner{
float:right;
padding:10px 10px 0 0;
}
.top_right{
width:728px;
float:right;
}

/*Menu Navegacion */
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:36px;
position: absolute;
top: 156px;
left: 0;
background:url(../images/menu_bg.gif) repeat-x;
}
#menu_tab2{
width:1000px;
height:20px;
position: absolute;
top: 136px;
left: 0;
background:url(../images/menu_bg.gif) repeat-x;
}
#infUsuario{
position:absolute;
left:0px;
color:#fff;
font-size:13px;
}
#botonSalir{
position:absolute;
right:0px;
}

#miCuenta {
position:absolute;
right:60px;
color:#fff;
font-size:13px;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;background:url(../images/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:36px;
}
ul.menu li.divider {
display:inline ;
width:4px;
height:36px;
float:left;
background:url(../images/menu_divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited  {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#fff;}

a.nav:hover {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#199ECD;}

#sub_menu {
width: 187px;
height: 600px;
position: absolute;
top: 192px;
left: 0;
z-index:1;
background:url(../images/slider_bg1.png) repeat center;

}

#contenido  {
width: 763px;
height: 600px;
position: absolute;
top: 192px;
left: 187px;
z-index:0;
background:url(../images/slider_bg1.png) repeat center;
padding-top:25px;
padding-left:50px;
}

#contenido2  {
width: 1000px;
height: 600px;
position: absolute;
top: 192px;
left: 0px;
z-index:0;
background:url(../images/slider_bg1.png) repeat center;
padding-top:50px;

}

#footer {
width: 1000px;
height: 150px;
position: absolute;
left: 0;
bottom: 0;
background:url(../images/slider_bg1.png) repeat center;
}


